<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>报驾校</title>
	<link rel="stylesheet" href="jiaxiao_css/reset.css">
	<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/jiaxiao_scss.css">
	<script src="<?php echo IMG_PATH ?>bdkd/js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="<?php echo IMG_PATH ?>bdkd/js/swiper-3.4.2.jquery.min.js"></script>
	<script type="text/javascript" src="<?php echo IMG_PATH ?>bdkd/js/swiper-3.4.2.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<?php echo IMG_PATH ?>bdkd/css/swiper.css">
	<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/swiper.min.css">
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=e3ZohdqyB0RL98hFOiC29xqh"></script>
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<style>
        body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:14px;}
        #l-map{height:500px;width:100%;}
        #r-result,#r-result table{width:100%; clear:both;}
        #routePanel p{float:left;}
        .BMap_bubble_title{
            color:#14a4fb;
        }
        .BMap_bubble_content{
            width:120px !important;
            height:25px !important;
            color:#fff !important;
            background:#14a4fb;
            font-size: 16px;
            text-align: center;
            margin: 0 auto 10px;
            line-height: 25px;
            border-radius:4px;
            /*box-shadow: 0px 5px 5px 0px rgba(20, 164, 251, 0.44);*/
        }
        .BMap_bubble_content div:nth-child(1){
            padding:0 !important;
            line-height: 30px !important;
        }
	</style>
</head>
<body>


	 <div class="header">
	 	<img src="<?php echo IMG_PATH ?>bdkd/img/header@2x.png" height="396" width="750" alt="">
	 </div>
	 <div class="container">
	 	<div class="waikuang">
	 		<div class="jxjj"><span></span><span>驾校简介</span><span></span></div>
	 		<div class="p-bug">
	 			<p> 北京金统领驾校成立于1994年，是《北京市机动车驾驶人培训行业协会》的理事单位。驾校位于北京行政副中心通州区东部，京通联合驾驶员考试场内。</p>
		 		<p>我校有多条涵盖北京市区及通州区的班车线路。在公共交通方面，您可以乘坐地铁六号线到终点站“潞城站”下车，有班车将您接到驾校门口。在通州区范围内也可选择乘坐 “通19路” 或 “通45路” 公交车直接到达驾校大门口。</p>
		 		<p>  驾校交通便利，服务好，环境好，考试快，拿本快！我们注重教学质量，杜绝吃拿卡要现象，发现一起处理一起，让广大学员真真正正的学到扎实的驾驶技术。</p>
	 		</div>
	 		<div class="tpzs"><span></span><span>图片展示</span><span></span></div>
	 		<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/1.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/2@2x.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/3@2x.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/4@2x.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/5@2x.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/6@2x.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/7@2x.png" alt=""></div>
			    <div class="swiper-slide"><img src="<?php echo IMG_PATH ?>bdkd/img/8@2x.png" alt=""></div>
			  </div>

			   <div class="swiper-pagination"></div>

			</div>
			<div class="tpzs"><span></span><span>学费缴纳</span><span></span></div>
			<div id="jiazhao">
				<div class="xiaoche">
					<div class="shoudong">
						c1手动挡
					</div>
					<div class="yuanjia">
						<p>原价4000元</p>
						<p>限时优惠3800元</p>
					</div>
				</div>
				<div class="dache">
					<div class="shoudong2">
						c2自动挡
					</div>
					<div class="yuanjia">
						<p>原价4200元</p>
						<p>限时优惠4000元</p>
					</div>
				</div>
			</div>
			<div class="yh">
				<p><span>*</span>通过 “便递” 报名，再优惠<i>100-200</i>元</p>
			</div>
			<div class="tpzs"><span></span><span>报名材料</span><span></span></div>
			<div class="cailiao">
				<div class="bmcl">
					<ul>
						<li><span></span>身份证原件 ( 使用一周 )</li>
						<li><span></span>6张白底一寸近照</li>
					</ul>
					<ul>
						<li><span></span>暂住证和体检表 ( 可代办 )</li>
						<li><span></span>相应学费 ( 现金，转账 )</li>
					</ul>
				</div>
			</div>
			<div class="tpzs"><span></span><span>驾校地址</span><span></span></div>
			<div class="dizhitupian">
				<img src="<?php echo IMG_PATH ?>bdkd/img/组-8@2x.png" height="35" width="30" alt="">
				<span>北京市通州区宋庄镇师姑庄村京通联合考试</span>
			</div>
			<div id="bug">
                <div id="l-map"></div>
                <div id="results" style="display:block"></div>
			</div>
			<div class="tpzs"><span></span><span>班车路线</span><span></span></div>
			<div class="luxian">
				<div class="banche">
					<img src="<?php echo IMG_PATH ?>bdkd/img/435531304616036787@2x.png" height="189" width="335" alt="">
					<div class="jiesong">
						班车接送，交通便利
					</div>
					<img src="<?php echo IMG_PATH ?>bdkd/img/439654788225315615@2x.png" height="270" width="335" alt="">
				</div>
				<div class="yanjiaoxian">
					<img src="<?php echo IMG_PATH ?>bdkd/img/18483557831560583@2x.png" height="586" width="335" alt="">
				</div>
			</div>
			<div class="tpzs"><span></span><span>报名方式</span><span></span></div>
			<div class="bmfs">
				<div class="baomingfangshi">
					<ul>
						<li><span></span>电话 : 15132666693 ( 9:00-19:00 )</li>
						<li><span></span>地址 : 北京东燕郊中燕小区6#3单元101室 (便递科技 )</li>
					</ul>
				</div>
			</div>
	 	</div>

	 </div>
	<script src="<?php echo IMG_PATH ?>bdkd/js/swiper.min.js"></script>
	<script src="<?php echo IMG_PATH ?>bdkd/js/swiper.jquery.js"></script>
	<script src="<?php echo IMG_PATH ?>bdkd/js/jiaxiao.js"></script>
	<script>

	    window.onload=function(){

            wx.config({
                debug: false,
                appId: '<?php
                    if(!empty($list['signPackage'])){
                        echo $list['signPackage']["appId"];
                    }

                    ?>',
                timestamp:'<?php
                    if(!empty($list['signPackage'])){
                        echo $list['signPackage']["timestamp"];
                    } ?>',
                nonceStr: '<?php
                    if(!empty($list['signPackage'])){
                        echo $list['signPackage']["nonceStr"];
                    }

                    ?>',
                signature: '<?php
                    if(!empty($list['signPackage'])){
                        echo $list['signPackage']["signature"];
                    }

                    ?>',
                jsApiList: [
                    // 所有要调用的 API 都要加到这个列表中
                    'getLocation'
                ]
            });
            wx.ready(function () {
                wx.getLocation({
                    success: function (res) {
                        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                        var speed = res.speed; // 速度，以米/每秒计
                        var accuracy = res.accuracy; // 位置精度
                        // alert(latitude);
                        var map = new BMap.Map("l-map");
                        map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
                        var myGeo = new BMap.Geocoder();
                        var opts = {
                            width : 150,     // 信息窗口宽度
                            height: 50,     // 信息窗口高度
                            title : "金统领驾校",  // 信息窗口标题

                        }
                        var infoWindow = new BMap.InfoWindow("到这儿去", opts);  // 创建信息窗口对象
                        map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
                        setTimeout(function(){
                            $('.BMap_bubble_content').click(function(){
                                myGeo.getLocation(new BMap.Point(116.364, 39.993), function(result){
                                    var i = result.address;
                                    console.log(i);
                                    var transit = new BMap.TransitRoute(map, {
                                        renderOptions: {map: map, panel: "results"}
                                    });
                                    transit.search(i, "北京市通州区宋庄镇师姑庄村京通联合考试");
                                });
                            })
                        },1000)

                    },
                    cancel: function (res) {
                        alert('用户拒绝授权获取地理位置');
                    }
                });
            });
	    }
	</script>
</body>
</html>

